<template>
  <div class="header">
    <div class="title"><p>猫眼电影</p></div>
   

 <van-popover
  v-model="showPopover"
  trigger="click"
  :actions="actions"
  @select="onSelect"
  placement="bottom-end"
>
  <template #reference>
     <div class="title-ico">≡</div>
  </template>
</van-popover>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showPopover: false,
      // 通过 actions 属性来定义菜单选项
      actions: [{ text: '菜单' }, { text: '榜单' }, { text: '热点'},{ text: '商城' }],
    };
  },
  methods: {
    onSelect(action) {
      Toast(action.text);
    },
  },
};
</script>

<style lang="scss">
.van-popover__action{
  font-size: 17px;
}
</style>